<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
	
	:link      /* 未访问的时候 */
	<!-- :visited   /* 已访问的时候 */ -->
	<!-- :hover     /* 鼠标悬浮的时候 开发时使用最多,重点掌握*/  -->
	<!-- :active    /* 鼠标按下的时候 */ -->
	
	<!-- ● :first-child :找到父元素的下面的第 1 个子元素 -->
	<!-- ● :last-child :找到父元素的下面的最后一个子元素 -->
	<!-- ● :nth-child(n) ： 从第一个开始匹配，找到父元素的下面的第 N 个子元素， -->
	<!-- ● :nth-last-child(n) ：从最后一个开始匹配，找到父元素的下面的第 N 个子元素 -->
    <style>
      ul li:nth-child(1) {
        color: red;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>邓超</li>
      <li>孙俪</li>
      <li>杨幂</li>
      <li>胡歌</li>
      <li>汪哥</li>
    </ul>
  </body>
</html>
